<?php
/**
 * @package		Joomla.Site
 * @subpackage	Templates.beez5
 * @copyright	Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

// No direct access.
defined('_JEXEC') or die;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" slick-uniqueid="1">
<head>
	<jdoc:include type="head" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/style.css">
	
	<!--[if lte IE 8]>
		<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/styleie8.css">
	<![endif]-->
	
	<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/javascript/jquery-1.7.1.min.js" type="text/javascript" ></script>
	<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/javascript/jquery.bxSlider.min.js" type="text/javascript" ></script>
	
	<script>
		$(document).ready(function(){
							
				//bx slider video
					$('#customer-reviews').bxSlider({
				       displaySlideQty: 1,
					infiniteLoop: true,
					controls: false,


				      moveSlideQty: 1,
				      pause: 10000,

				      speed:1000,
				      auto: true
				      });
					
				$('#Housestyle').change(function() {
					if($(this).val() == 'House Type:')
						$('#tr_num').addClass('tr_num');
					else
					{
						$('#tr_num').removeClass('tr_num');
						if($(this).val() == 'HDB')
						{
							//$('.num span.duoi').remove();
							//$('.num label').after('<span class="duoi">rooms</span>');
							$('.num').html('<input id="Num0" type="radio" value="1/2-Bedrooms" name="form[Num]"><label for="Num0">1/2-Bedrooms</label><input id="Num1" type="radio" value="3/4-Bedrooms" name="form[Num]"><label for="Num1">3/4-Bedrooms</label><br /><input id="Num2" type="radio" value="5-Bedrooms" name="form[Num]"><label for="Num2">5-Bedrooms</label><input id="Num3" type="radio" value="Mansionette" name="form[Num]"><label for="Num3">Mansionette</label>');
						}
						else if($(this).val() == 'Landed')
						{
							//$('.num span.duoi').remove();
							//$('.num label').after('<span class="duoi">storey</span>');
							
							$('.num').html('<input id="Num0" type="radio" value="1-storey" name="form[Num]"><label for="Num0">1-storey</label><input id="Num1" type="radio" value="2-storey" name="form[Num]"><label for="Num1">2-storey</label><input id="Num2" type="radio" value="3-storey" name="form[Num]"><label for="Num2">3-storey</label><input id="Num3" type="radio" value="4-storey or more." name="form[Num]"><label for="Num3">4-storey or more.</label>');
							
						}
						else if($(this).val() == 'Condo')
						{
							//$('.num span.duoi').remove();
							//$('.num label').after('<span class="duoi">rooms</span>');
							//$('.num').html('<input id="Num0" type="radio" value="1-storey" name="form[Num]"><label for="Num0">1-storey</label><input id="Num1" type="radio" value="2-storey" name="form[Num]"><label for="Num1">2-storey</label><input id="Num2" type="radio" value="3-storey" name="form[Num]"><label for="Num2">3-storey</label><input id="Num3" type="radio" value="4-storey or more." name="form[Num]"><label for="Num3">4-storey or more.</label>');
							$('.num').html('<input id="Num0" type="radio" value="1-Bedroom" name="form[Num]"><label for="Num0">1-Bedroom</label><input id="Num1" type="radio" value="2-Bedroom" name="form[Num]"><label for="Num1">2-Bedroom</label><br /><input id="Num2" type="radio" value="3-Bedroom" name="form[Num]"><label for="Num2">3-Bedroom</label><input id="Num3" type="radio" value="4-Bedroom & above." name="form[Num]"><label for="Num3">4-Bedroom & above.</label>');
						}
						else
						{
							$('.num').html('');
						}
					}
				});
		});
	</script>
	
	


<!--


-->


	
</head>
<body>
<div id="content">
	<div id="wrapper">
		<div id="header">
			<div id="logo" class="poa fl vab pt17">
				<a href="<?php echo $this->baseurl ?>" class="poa ti9"></a>
				<a href="<?php echo $this->baseurl ?>"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/logo.png" /></a>
			</div>
			<div class="pl20 w640 fr vab por">
				
				<jdoc:include type="modules" name="top-slogan" />
			
				
				<div class="clear"></div>
				
				
				<div id="customer-reviews">
				
					<jdoc:include type="modules" name="customer-reviews" />
					
					<!--<div class="bg2 pl25 pr5 mv5 pv5">
						<p class="pa0 pb5 cf2">Customer Service Reviews:</p>
						<p class="pa0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
					</div>
					
					<div class="bg2 pl25 pr5 mv5 pv5">
						<p class="pa0 pb5 cf2">Customer Service Reviews 2:</p>
						<p class="pa0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
					</div>
					
					<div class="bg2 pl25 pr5 mv5 pv5">
						<p class="pa0 pb5 cf2">Customer Service Reviews 3:</p>
						<p class="pa0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500sLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
					</div>-->
					
				</div>
				
				<div id="navbar" class="">
					
					<jdoc:include type="modules" name="top-navbar" />
					
					
				</div>
			</div>
		</div>
		
		<div class="clear"></div>
	
		<div class="por w450">
			<div class="banner fl">
				<jdoc:include type="modules" name="left-banner" />
				<!--<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/banner.jpg"/>-->
			</div>
		</div>
		
		
		<div class="main-content fr w491">
			<jdoc:include type="message" />
			<jdoc:include type="component" />
			
			
		</div>
		
		
		
	</div>
	
	<div id="contact">
		
		<jdoc:include type="modules" name="right-contact" />
		
		
		
	</div>
	
	<div id="footer" class="ofh">
		<div class="ftcontent w960">
		
			<jdoc:include type="modules" name="footer-top" />
			<jdoc:include type="modules" name="footer-bottom" />
			
			
			
		</div>
		<div class="ft-se fs12 cpright"><a href="http://www.top3.com.sg/">SEO</a> - <a href="http://web-designer.com.sg/">Web Designer by Web-designer.com.sg</a></div>
	</div>
</div>
</body>
</html>
